<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<TITLE>Custom SelectBox (WebFX)</title>

<!-- WebFX Layout Include -->
<script type="text/javascript" src="webfxlayout.js"></script>
<!-- end WebFX Layout Includes -->

<link rel="STYLESHEET" type="text/css" href="classic.css">
<script type="text/javascript" src="select.js"></script>

<script type="text/javascript" src="writeSelect.js"></script>
<style type="text/css">

table {
	width:	auto;
	margin:	0;
}

</style>







</head>
<body>
<!-- WebFX Layout Include -->

<div class="webfx-main-body">
<!-- end WebFX Layout Includes -->





<script type="text/javascript">
<!--

var optionArray = new Array();
optionArray[0] = new Option("Item 1", "value 1", "color: blue; text-decoration: underline;");
//optionArray[1] = new Option("Item <b>2</b>", "value 2");
optionArray[1] = new Option("This is a long item and will generate a scrollbar", "value 2");
optionArray[2] = new Option("Item 3", "value 3", "color: red;", "selected");
optionArray[3] = new Option("Item 4", "value 4");
optionArray[4] = new Option("Item 5", "value 5");

writeSelectBox(optionArray, "select1", 1, "alert(this.options[this.selectedIndex].value)", "margin-left: 10;");

//-->
</script>

<br>

<p>Below is the same select box with size set to 3 </p>



<script type="text/javascript">
<!--

writeSelectBox(optionArray, "select3", 3, "alert(this.options[this.selectedIndex].value)", "margin-left: 10;");

//-->
</script>

<br>



<p class="author">Author: Erik Arvidsson</p>





<select multiple="true" name="selectbox" id="selectbox" size="2" >
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
<option value="four">Four</option>
<option value="five">Five</option>
<option value="six">Six</option>
<option value="seven">Seven</option>
</style>


<!-- end webfx-main-body -->

</body>
</html>
